<!doctype html>
<html xmlns:th="http://www.thymeleaf.org" >
<head>
  <title>个人博客模板</title>
  <meta charset="utf-8">
  <meta name="keywords" content="个人博客模板" />
  <meta name="description" content="个人博客模板" />
  <link href="css/styles.css" th:href="@{/blog/css/style.css}" rel="stylesheet">
  <!--[if lt IE 9]>
  <script src="js/modernizr.js" th:src="@{/blog/js/silder.js}"></script>
  <![endif]-->
</head>
<body>
<header>
  <nav id="nav">
    <ul>
      <li><a href="#">网站首页</a></li>
      <li><a href="#">模板</a></li>
      <li><a href="#">关于我们</a></li>
      <li><a href="#">我们的故事</a></li>
      <li><a href="#">我们的蜜月</a></li>
      <li><a href="#">婚礼现场</a></li>
      <li><a href="#">婚纱摄影</a></li>
      <li><a href="#">我们的博客</a></li>
      <li><a href="#">联系我们</a></li>
    </ul>
    <script src="js/silder.js"></script><!--获取当前页导航 高亮显示标题-->
  </nav>
</header>
<div class="mainContent">
  <aside>
    <div class="avatar">
      <a href="#"><span>[[${blogUser.userName}]]</span></a>
    </div>
    <section class="topspaceinfo">
      <h1>执子之手，与子偕老</h1>
      <p>[[${blogUser.sign}]]</p>
    </section>
    <div class="userinfo">
      <p class="q-fans"> 粉丝：<a href="#">167</a></p>
      <p class="btns"><a href="#" >私信</a><a href="#">相册</a><a href="#">存档</a></p>
    </div>
    <section class="newpic">
      <h2>最新照片</h2>
      <ul>
        <li><a href="#"><img src="images/01.jpg"></a></li>
        <li><a href="#"><img src="images/02.jpg"></a></li>
        <li><a href="#"><img src="images/03.jpg"></a></li>
        <li><a href="#"><img src="images/04.jpg"></a></li>
        <li><a href="#"><img src="images/05.jpg"></a></li>
        <li><a href="#"><img src="images/06.jpg"></a></li>
        <li><a href="#"><img src="images/07.jpg"></a></li>
        <li><a href="#"><img src="images/08.jpg"></a></li>
      </ul>
    </section>
    <section class="taglist">
      <h2>全部标签</h2>
      <ul>
        <li><a href="#">青空</a></li>
        <li><a href="#">情感聊吧</a></li>
        <li><a href="#">study</a></li>
        <li><a href="#">青青唠叨</a></li>
      </ul>
    </section>
  </aside>
  <div class="blogitem">
    <article th:each="art:${blogArticles}">
      <h2 class="title"><a href="#">[[${art.title}]]</a></h2>
      <ul class="text" th:utext="${art.content}" >
      </ul>
    </article>

    <div class="pages"><span>1</span><a href="#" hidefocus="">2</a><a href="#" hidefocus="">3</a><a href="#" class="next">下一页&gt;&gt;</a></div>
  </div>
</div>
<footer>
  <div class="footavatar">
    <img src="images/photo.jpg" class="footphoto">
    <ul class="footinfo">
      <p class="fname"><a href="/dancesmile" >青轻飞扬</a>  </p>
      <p class="finfo">性别：女 年龄：25岁</p>
      <p>现居：四川成都</p></ul>
  </div>
  <section class="visitor">
    <h2>最近访客</h2>
    <ul>
      <li><a href="#"><img src="images/s0.jpg"></a></li>
      <li><a href="#"><img src="images/s1.jpg"></a></li>
      <li><a href="#"><img src="images/s2.jpg"></a></li>
      <li><a href="#"><img src="images/s3.jpg"></a></li>
      <li><a href="#"><img src="images/s5.jpg"></a></li>
      <li><a href="#"><img src="images/s6.jpg"></a></li>
      <li><a href="#"><img src="images/s7.jpg"></a></li>
      <li><a href="#"><img src="images/s8.jpg"></a></li>
    </ul>
  </section>
  <div class="Copyright">
    <ul>
      <a href="#">帮助中心</a><a href="#">空间客服</a><a href="#">投诉中心</a><a href="#">空间协议</a>
    </ul>
    <p>Design by DanceSmile</p>
  </div>
</footer>
</body>
</html>